{{!
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
}}

{{#if view.isLoaded}}
    <div id="host-details">
        <div class="status-info">
            <span rel="HealthTooltip" {{bindAttr class="view.content.healthClass view.content.healthIconClass"}} {{bindAttr data-original-title="view.content.healthToolTip" }}></span><span class='host-title'>{{unbound view.content.publicHostName}}</span>
          {{#if view.content.criticalAlertsCount}}
              <span class="label label-important alerts-count" {{action "showAlertsPopup" content target="App.router.mainHostController"}}>{{view.content.criticalAlertsCount}}</span>
          {{else}}
              <span class="label label-success alerts-count" {{action "showAlertsPopup" content target="App.router.mainHostController"}}>{{t hosts.host.alert.noAlerts}}</span>
          {{/if}}
          {{#unless view.isActive}}
              <span class="host-maintenance-notice pull-right"><span class="icon-medkit"></span> {{t hosts.host.passive.mode}}</span>
          {{/unless}}
        </div>
        <div><a href="javascript:void(null)" data-toggle="modal" {{action back}}><i class="icon-arrow-left"></i>&nbsp;{{t common.back}}</a></div>
        <div class="content">
          {{view App.MainHostMenuView}}
          {{#if App.isAdmin}}
            {{#if App.supports.deleteHost}}
                <div class="service-button">
                    <div class="btn-group display-inline-block">
                        <a href="javascript:void(null)" {{bindAttr class=":btn :dropdown-toggle"}} data-toggle="dropdown">
                          {{t hosts.host.details.hostActions}}
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu pull-right">
                            <!-- dropdown menu links -->
                          {{#each option in view.maintenance}}
                              <li {{bindAttr class="controller.isStopDisabled:disabled option.liClass"}}>
                                  <a {{action "doAction" option target="controller" href=true}}><i {{bindAttr class="option.cssClass option.liClass"}}></i> {{option.label}}</a>
                              </li>
                          {{/each}}
                          {{#if App.supports.downloadClientConfigs}}
                            {{#if view.clients}}
                              <li class="dropdown-submenu submenu-left">
                                <a><i class="icon-download-alt"></i> {{t services.service.actions.downloadClientConfigs}}</a>
                                <div class="dropdown-menu-wrap">
                                  <ul class="dropdown-menu">
                                    {{#each client in view.clientsWithConfigs}}
                                      <li>
                                        <a {{action "downloadClientConfigs" client target="controller" href=true}}>{{client.displayName}}</a>
                                      </li>
                                    {{/each}}
                                  </ul>
                                </div>
                              </li>
                            {{/if}}
                          {{/if}}
                        </ul>
                    </div>
                </div>
            {{/if}}
          {{/if}}
          {{outlet}}
        </div>
    </div>
{{else}}
    <div class="spinner"></div>
{{/if}}
